<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


<html>
<head>
    <meta charset="utf-8"/>
    <title>后台管理系统-HTML5后台管理系统2222</title>
    <meta name="keywords" content="设置关键词..."/>
    <meta name="description" content="设置描述..."/>
    <meta name="author" content="DeathGhost"/>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <link rel="icon" href="/content/icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <script src="/js/jquery.js"></script>
    <script src="/js/public.js"></script>

    <link rel="stylesheet" type="text/css" href="/css/style.css"/>
    <script charset="utf-8" src="/editor/kindeditor.js"></script>
    <script charset="utf-8" src="/editor/lang/zh-CN.js"></script>
    <script>
        KindEditor.ready(function (K) {
            window.editor = K.create('#editor_id');
        });
    </script>
</head>
<body>
<c:import url="menu.jsp"></c:import>
<main class="main-cont content mCustomScrollbar">
    <!--开始::内容-->
    <div class="page-wrap">
        <section class="page-hd">
            <header>
                <h2 class="title"><i class="icon-home"></i>模块化后台管理模板</h2>
                <p class="title-description">
                    页面说明
                </p>
            </header>
            <hr>
        </section>


        <div class="content-wrap">
            <header class="top-hd">
                <div class="hd-lt">
                    <a class="icon-reorder"></a>
                </div>
                <div class="hd-rt">
                    <ul>
                        <li>
                            <a href="#" target="_blank"><i class="icon-home"></i>前台访问</a>
                        </li>
                        <li>
                            <a><i class="icon-random"></i>清除缓存</a>
                        </li>
                        <li>
                            <a><i class="icon-user"></i>管理员:<em>DeathGhost</em></a>
                        </li>
                        <li>
                            <a><i class="icon-bell-alt"></i>系统消息</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" id="JsSignOut"><i class="icon-signout"></i>安全退出</a>
                        </li>
                    </ul>
                </div>
            </header>
            <main class="main-cont content mCustomScrollbar">
                <div class="page-wrap">
                    <!--开始::内容-->
                    <section class="page-hd">
                        <header>
                            <h2 class="title">表单结构展示</h2>
                            <p class="title-description">
                                两列式表单结构，一般针对产品详情，文章详情应用。
                            </p>
                        </header>
                        <hr>
                    </section>
                    <div class="form-group-col-2">
                        <div class="form-label">商品标题：</div>
                        <div class="form-cont">
                            <input type="text" placeholder="100%输入框..." class="form-control form-boxed">
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">手机号码：</div>
                        <div class="form-cont">
                            <input type="tel" placeholder="手机号码..." class="form-control form-boxed" style="width:300px;">
                            <button class="btn btn-secondary-outline">测试</button>
                            <span class="word-aux"><i class="icon-warning-sign"></i>清正确输入11位手机号码</span>
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">电子邮箱：</div>
                        <div class="form-cont">
                            <input type="email" placeholder="电子邮箱..." class="form-control form-boxed">
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">保持四个字否则截断：</div>
                        <div class="form-cont">
                            <select style="width:auto;">
                                <option>商品分类</option>
                                <option>女装</option>
                                <option>男装</option>
                            </select>
                            <select style="width:auto;">
                                <option>子分类</option>
                                <option>上装</option>
                                <option>下装</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">兴趣爱好：</div>
                        <div class="form-cont">
                            <label class="check-box">
                                <input type="checkbox" checked="checked" name="mmm"/>
                                <span>读书</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>听音乐</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>羽毛球</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>篮球</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>足球</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" checked="checked" name="mmm"/>
                                <span>读书</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>听音乐</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>羽毛球</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>篮球</span>
                            </label>
                            <label class="check-box">
                                <input type="checkbox" name="mmm"/>
                                <span>足球</span>
                            </label>
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">性别：</div>
                        <div class="form-cont">
                            <label class="radio">
                                <input type="radio" name="sex"/>
                                <span>男士</span>
                            </label>
                            <label class="radio">
                                <input type="radio" name="sex"  checked="checked"/>
                                <span>女士</span>
                            </label>
                            <label class="radio">
                                <input type="radio" name="sex"/>
                                <span>保密</span>
                            </label>
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label">摘要：</div>
                        <div class="form-cont">
                            <textarea class="form-control form-boxed">摘要信息</textarea>

                            <textarea id="editor_id" name="content" style="width:700px;height:300px;">aaa</textarea>
                        </div>
                    </div>
                    <div class="form-group-col-2">
                        <div class="form-label"></div>
                        <div class="form-cont">
                            <input type="submit" class="btn btn-primary" value="提交表单" />
                            <input type="reset" class="btn btn-disabled" value="禁止" />
                        </div>
                    </div>
                    <!--开始::结束-->
                </div>
            </main>
            <footer class="btm-ft">
                <p class="clear">
                    <span class="fl">©Copyright 2016 <a href="#" title="DeathGhost" target="_blank">DeathGhost.cn</a></span>
                    <span class="fr text-info">
					<em class="uppercase">
						<i class="icon-user"></i>
						author:deathghost
					</em> |
					<em class="uppercase"><i class="icon-envelope-alt"></i>

					</em>
					<a onclick="reciprocate()" class="text-primary"><i class="icon-qrcode"></i>捐赠</a>
				</span>
                </p>
            </footer>
        </div>
    </div>



    </div>

</main>
<c:import url="footer.jsp"/>
